<!DOCTYPE html><!--HTML5 doctype-->
<html>
<head>
<title>jqMobi Kitchen Sink</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<link rel="stylesheet" type="text/css" href="../kitchensink/icons.synergy.css" /> 
<link rel="stylesheet"  type="text/css" href="../kitchensink/jq.ui.synergy.css" title="frosty"/>
<link rel="stylesheet"  type="text/css" href="../kitchensink/ui.synergy.css" title="frosty"/>
<!-- uncomment for AppMobi apps
<script type="text/javascript" charset="utf-8" src="http://localhost:58888/_appMobi/appmobi.js"></script> 
<script type="text/javascript" charset="utf-8" src="http://localhost:58888/_appMobi/xhr.js"></script> 	
-->
<script type="text/javascript" charset="utf-8" src="../jq.mobi.js"></script> 

 
<!-- include touch.js on desktop browsers only -->
<script>
if(!((window.DocumentTouch&&document instanceof DocumentTouch)||'ontouchstart' in window)){
var script=document.createElement("script");
script.src="../touch.js";
var tag=$("head").append(script);
$.os.android=true; //let's make it run like an android device
$.os.desktop=true;
}
</script>

<script type="text/javascript" charset="utf-8" src="../ui/jq.ui.js"></script> 

<script type="text/javascript">
    /* This function runs once the page is loaded, but appMobi is not yet active */
	var webRoot="../kitchensink/";
	$.ui.autoLaunch=false;
    $.ui.openLinksNewTab=false;
    var init = function(){
	   $.ui.backButtonText="Back";  
	   window.setTimeout(function(){$.ui.launch();},1000);
       //$.ui.removeFooterMenu(); This would remove the bottom nav menu
        
    };
    document.addEventListener("DOMContentLoaded",init,false);  
	$.ui.ready(function(){
	 
			var tmpDiv = $("#country").next();

			tmpDiv.css({"width":"200px","height":"40px","backgroundImage":""});
			tmpDiv.addClass('select-ui-forms'); 
	});
   
    /* This code prevents users from dragging the page */
    var preventDefaultScroll = function(event) {
        event.preventDefault();
        window.scroll(0,0);
        return false;
    };
	
	document.addEventListener('touchmove', preventDefaultScroll, false);

    /* This code is used to run as soon as appMobi activates */
    var onDeviceReady=function(){
		AppMobi.device.setRotateOrientation("portrait");
        AppMobi.device.setAutoRotate(false);
		webRoot=AppMobi.webRoot+"kitchensink/";
	    //hide splash screen
	    AppMobi.device.hideSplashScreen();	
		
    };
    document.addEventListener("appMobi.device.ready",onDeviceReady,false);    
	 
	
</script>

</head>
<body>
<div id="jQUi">
<!-- this is the splashscreen you see. -->
    <div id="splashscreen" class='ui-loader'>
        <img src="../kitchensink/images/splash.png">
        <br><br>
        <span class='ui-icon ui-icon-loading spin'></span><h1 >Starting app</h1>
    </div>
    <div id="header">
     <a id="backButton" href="javascript:$.ui.goBack();" class="icon_back" style="visibility: visible; "></a>     
    </div>

<div id="content">
	<div title='流程管理搜索' id="main" class="panel" selected="true" data-nav="footerui" data-header="testheader" data-tab="navbar_home" >
 			
		<div id="mawTabFirst" class="maw_tabs">
				<div class="tab_bg" >
                   <div>
                    <a href="#" class="tab_focus" data-name="tab" data-index="0">快捷搜索</a>
                    <a href="FlowManage_new.html?index=1" data-name="tab" data-index="1">高级搜索</a>
                   </div>
				</div>
				<div style="clear:both;"></div>
				<div class="tabDiv" id="tabDiv_0">
                  <ul class="tab_list">
                  <li>
                      <label for="流程编号" >流程编号</label>
                      <input type="text" id="流程编号" class="jq-ui-forms" />
                  </li>
                  <li>
                      <label for="流程名称" class="selected">流程名称</label>
                      <input type="text" id="流程名称" class="jq-ui-forms"/>
                   </li>
                  <li>
                      <label for="流程类型" class="selected">流程类型</label>
                      <input type="text" id="流程类型" class="jq-ui-forms"/>
                  </li>
                  <li>
                      <label for="创建人" class="selected">创建人</label>
                      <input type="text" id="创建人" class="jq-ui-forms"/>
                  </li>
                  <li>
                      <label for="创建日期" class="selected">创建日期</label>
                      <input type="text" id="创建日期" class="jq-ui-forms" style="width:30%;"> -- <input type="text" id="创建日期" class="jq-ui-forms" style="width:30%;"></li>
                  <li>
                      <label for="country">状态：</label>
                      <span> 
                            <select id="country" class='jq-ui-forms'>
                                <option value='1'>USA 1</option>
                                <option value='2'>USA 2</option>
                                <option value='3'>USA 3</option>
                                <option value='4'>USA 4</option>
                                <option value='5'>USA 5</option>
                                <option value='6'>USA 6</option>
                                <option value='7'>USA 7</option>
                                <option value='8'>USA 8</option>
                                <option value='9'>USA 9</option>
                                <option value='10'>USA 10</option>
                            </select>
                        </span>
                         
                  </li>
                  </ul>
				
				</div>
				<div class="hidden tabDiv" id="tabDiv_1">
					高级搜索
				</div>
			</div>
	</div>
 
	
	<div title="jqMobi" id="jqm" class="panel" data-nav="footerui" data-header="testheader">
      
	</div>

   




</div>
<!-- ------------------------------------------ -->
<!-- navbar -->
<!-- navbar -->
 
 <footer id='navbar'>
      <a href="#main" id='navbar_home' class='icon search' >Search </a>
      <a href="#jqmtransitions" id='navbar_js' class="icon new_add" >new_add</a>
	  <a href="#jqmui" id='navbar_ui'  class="icon home" >home</a>
	  <a href="#uiapi" id='navbar_plugins'  class="icon set" >set</a>	  
</footer>
 
<header id="testheader">
    <a id="backButton" onclick="$.ui.goBack()" class='button' style='left:0px;left:auto;overflow:hidden'>Go Back</a>
    <h1>Custom Header</h1>
</header>
<!-- ------------------------------------------ -->

</div>

<link rel="stylesheet" type="text/css" href="../res/js/tab/mawTab.css?sdfsdfsd"/>
<script type="text/javascript" charset="utf-8" src="../res/js/tab/mawTab.js?adfasdf"></script> 
<script type="text/javascript" charset="utf-8" src="../plugins/jq.extend.js"></script>
<script>
 
</script>
  
</body>
</html>
